<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <% include ../../ejs/_meta.ejs %>
    <title>我关注的</title>
    <% include ../../ejs/_css.ejs %>
    <link rel="stylesheet" type="text/css" href="../../css/user/collect.css" inline>
</head>

<body class="body-bg" ontouchstart>
    <div class="m-page">
        <%-include("../../ejs/_header.ejs", {title: '我关注的'}) %>
        <section class="m-content flex-v">
            <div class="m-tabs">
                <div class="m-tab on">
                    <div class="mt-tle">众筹中</div>
                    <div class="mt-num">（3）</div>
                </div>
                <div class="m-tab">
                    <div class="mt-tle">众筹成功</div>
                    <div class="mt-num">（0）</div>
                </div>
            </div>
            <div class="m-tab-blocks">
                <!-- 众筹中 -->
                <div class="m-tab-list on">
                    <div data-id="1" class="m-block">
                        <div class="b-lf">
                            <img src="../../img/shoe.jpg" alt="">
                        </div>
                        <div class="b-rg">
                            <div class="r-tle ellipsis">VDENZ动力系统跑鞋VDENZ动力系统跑鞋</div>
                            <div class="m-progress">
                                <div class="m-progress-bar">
                                    <div class="m-progress-inner-bar" style="width: 38%;"></div>
                                </div>
                            </div>
                            <div class="r-infos">
                                <div class="r-info on">
                                    <div class="info-num">38%</div>
                                    <div class="info-tle">当前进度</div>
                                </div>
                                <div class="r-info">
                                    <div class="info-num">1120</div>
                                    <div class="info-tle">支持人数</div>
                                </div>
                                <div class="r-info">
                                    <div class="info-num">8</div>
                                    <div class="info-tle">剩余天数</div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div data-id="2"  class="m-block">
                        <div class="b-lf">
                            <img src="../../img/shoe.jpg" alt="">
                        </div>
                        <div class="b-rg">
                            <div class="r-tle ellipsis">VDENZ动力系统跑鞋VDENZ动力系统跑鞋</div>
                            <div class="m-progress">
                                <div class="m-progress-bar">
                                    <div class="m-progress-inner-bar" style="width: 50%;"></div>
                                </div>
                            </div>
                            <div class="r-infos">
                                <div class="r-info on">
                                    <div class="info-num">50%</div>
                                    <div class="info-tle">当前进度</div>
                                </div>
                                <div class="r-info">
                                    <div class="info-num">1120</div>
                                    <div class="info-tle">支持人数</div>
                                </div>
                                <div class="r-info">
                                    <div class="info-num">8</div>
                                    <div class="info-tle">剩余天数</div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div data-id="3"  class="m-block">
                        <div class="b-lf">
                            <img src="../../img/shoe1.jpg" alt="">
                        </div>
                        <div class="b-rg">
                            <div class="r-tle ellipsis">VDENZ动力系统跑鞋VDENZ动力系统跑鞋</div>
                            <div class="m-progress">
                                <div class="m-progress-bar">
                                    <div class="m-progress-inner-bar" style="width: 78%;"></div>
                                </div>
                            </div>
                            <div class="r-infos">
                                <div class="r-info on">
                                    <div class="info-num">78%</div>
                                    <div class="info-tle">当前进度</div>
                                </div>
                                <div class="r-info">
                                    <div class="info-num">1120</div>
                                    <div class="info-tle">支持人数</div>
                                </div>
                                <div class="r-info">
                                    <div class="info-num">8</div>
                                    <div class="info-tle">剩余天数</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- 众筹成功 -->
                <div class="m-tab-list">
                    <!-- <div data-id="4" class="m-block">
                        <div class="b-lf">
                            <img src="../../img/shoe1.jpg" alt="">
                        </div>
                        <div class="b-rg">
                            <div class="r-tle ellipsis">VDENZ动力系统跑鞋VDENZ动力系统跑鞋</div>
                            <div class="r-flag succ">生产中</div>
                            <div class="r-time">预计发货时间：2017-08-05</div>
                        </div>
                    </div>
                    <div data-id="4" class="m-block">
                        <div class="b-lf">
                            <img src="../../img/shoe.jpg" alt="">
                        </div>
                        <div class="b-rg">
                            <div class="r-tle ellipsis">VDENZ动力系统跑鞋VDENZ动力系统跑鞋</div>
                            <div class="r-flag succ">生产中</div>
                            <div class="r-time">预计发货时间：2017-08-05</div>
                        </div>
                    </div> -->
                    <div class="m-nodata">
                        <p class="n-title">还没有你支持的项目哦<br>赶紧去看看有没有感兴趣的项目吧</p>
                        <a class="n-btn" href="javascript:;">去看看</a>
                    </div>
                </div>
            </div>
        </section>
    </div>
</body>
<%-include("../../ejs/_js.ejs", {env: env}) %>
<script type="text/javascript">
$(function() {
    $.m_tab({
        // tab: ".m-tab",
        // list: ".m-tab-list",
        cache: "v_den_z_collect_status",
        reset: true
    });

    $('.m-block').m_touch(function() {
        var id = $(this).data('id');
        jump.view('goods/detail.html?id=' + id);
    });

    $('.n-btn').m_touch(function() {
        jump.view('home/index.html');
    })
});
</script>

</html>